<template>
    <PopUps :bgIndex="1000"  :boxIndex="1001" widthMy='60%'  height-my="78%">
        <div class="define-box">
            <i class="iconfont icon-icon-cross-empty" @click="closePop"></i>
            <div class="header">
                <h2>消息|热烈欢迎朱忠良将军一行莅临金圣龙指导工作</h2>
                <p class="header-content"><span class="content-left">河南金圣龙文化传播股份有限公司</span> <span class="content-right">
                        &nbsp; 2024年04月23日 &nbsp;10:17 &nbsp;河南</span></p>
            </div>
            <div class="main">
                <img src="../image/2.webp" alt="" class="main-img">
                <div class="content">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4月22日，朱忠良将军一行莅临河南金圣龙文化传媒集团指导工作。集团董事长朱
                        建房、营销总经理景鹏飞、行政总经理闫贤岱等热情接待。朱忠良将军详细了解了集
                        团的发展历程、产业布局、未来战略规划等情况，对集团工作给予充分肯定。</p>
                    <img src="../image/1.jfif" alt="">
                    <p>
                        将军简述：<br />
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;朱忠良，男，1956年10月生，河南省信阳市浉河区人。1976年12月入伍，1979年3月入党，本科学历，少将军衔，曾多次荣立军功。
                    </p>
                </div>
            </div>
            <div class="floor">
                <img src="../image/3.jfif" alt="" @click="closePop">
            </div>
        </div>
    </PopUps>
</template>

<script setup>
import PopUps from '@/components/My/PopUps';
import { defineEmits } from 'vue';
let emit = defineEmits(['closePop'])
const closePop = () => {
    emit('closePop')
}
</script>

<style scoped lang="scss">
@mixin column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.define-box {
    padding: 20px;
    box-sizing: border-box;
    @include column;
    position: relative;
    .iconfont{
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 22px;
    }
    .header {
        .header-content {
            margin: 10px 0 20px 0;

            .content-left {
                color: #576B95;
            }

            .content-right {
                color: #ccc;
            }
        }
    }

    .main {
        @include column;

        .main-img {
            width: 600px;
        }

        .content {
            @include column;

            p {
                width: 600px;
                margin: 20px 0;
            }

            img {
                width: 600px;
            }
        }
    }

    .floor {
        img {
            width: 320px;
        }
    }
}</style>
